<template>
	<view class="content">
		<view class="iconBox">
			<image class="iconOK" src="/pages_mine/pages/static/pay_finish/icon_ok.png" mode=""></image>
			<view class="name">支付成功</view>
			<view class="btn left" @tap="ToIndex">返回首页</view>
			<view class="btn right" @tap="ToOrder">订单详情</view>
		</view>
		
		<!-- <view class="intergralBox">
			<image class="icon" src="/pages_mine/pages/static/pay_finish/icon_intergral.png" mode=""></image>
			<view class="centerBox">
				<view class="number fontSemiBold">{{data.intergral}}</view>
				<view class="numberNames">积分</view>
				<view class="clearBoth"></view>
				<view class="names">恭喜获得{{data.getIntergral}}积分</view>
			</view>
			<view class="heightCenter">
				<view class="getNow" @tap="getThisIngtergral">领取</view>
			</view>
			<view class="clearBoth"></view>
		</view> -->
		
		<view class="shadowBg" v-if="showShare">
			<view class="shadow_grey"></view>
			<view class="shadow_white" :style="{'background-image': 'url('+finishBg+')'}">
				<view class="title">恭喜您获得</view>
				<view class="priceBox">
					<view class="iconPrice">¥</view>
					<view class="iconNumber fontSemiBold">{{data.getTicketValue}}</view>
					<view class="clearBoth"></view>
				</view>
				<view class="name textCenter">平台优惠券</view>
				<view class="names textCenter">(满{{data.fullValue}}可用)</view>
				<button class="btnShare" open-type="share"><view class="shareName textCenter">分享好友，一起领取</view></button>
			</view>
			<view class="iconBoxs">
				<image class="closeIcon" src="/pages_mine/pages/static/icon_close.png" mode="" @tap="showShare = false"></image>
			</view>
		</view>
		
		
		
	</view>
</template>
<style>
	.content{width: 100%;height: 90vh;background: rgb(255,255,255);overflow-y: hidden !important;}
	.content .iconBox{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;padding-top: 200upx;}
	.content .iconBox .iconOK{width: 126upx;height: 126upx;}
	.content .iconBox .name{width: 100%;color:#30313B;font-size: 36upx;font-weight:bold;text-align: center;margin:25upx 0 50upx 0}
	.content .iconBox .btn{border-radius: 100upx;padding:10upx 30upx;font-size: 26upx;margin:0 20upx}
	.content .iconBox .left{border:2upx solid rgb(220,88,42);color:rgb(220,88,42)}
	.content .iconBox .right{border:2upx solid rgb(220,88,42);color:white;background: rgb(220,88,42);}
	.content .intergralBox{width: 95%;margin-left: 2.5%;padding:2.5%;margin-top: 200upx;border-radius: 10upx;box-shadow: 10upx 10upx 10upx rgba(0,0,0,0.2);background: white;}
	.content .intergralBox .icon{width: 76upx;height: 76upx;float: left;margin-right:5%;margin-top: 6upx;}
	.content .intergralBox .centerBox{width: 50%;float:left;}
	.content .intergralBox .centerBox .number{height:58upx;line-height:58upx;color:#DC582A;font-size:48upx;float: left;}
	.content .intergralBox .centerBox .numberNames{height:48upx;line-height:48upx;color:#DC582A;font-size:36upx;float: left;margin-left:10upx;font-weight:bold;}
	.content .intergralBox .centerBox .names{font-size: 24upx;color:#999999;}
	.content .intergralBox .heightCenter{float: right;height:60upx;line-height: 60upx;margin-top: 15upx;display: flex;align-items: center;}
	.content .intergralBox .heightCenter .getNow{color:white;background: rgb(220,88,42);border-radius: 100upx;padding:0 40upx;}
	.content .shadowBg{width: 100%;height:100%;position: fixed;top:0;left: 0;z-index: 2;}
	.content .shadowBg .iconBoxs{width: 100%;height: 66upx;display: flex;justify-content: center;position: fixed;bottom:18%;left: 0;z-index: 3;}
	.content .shadowBg .iconBoxs .closeIcon{width: 66upx;height: 66upx;}
	.content .shadowBg .shadow_grey{width: 100%;height:100%;position: absolute;top:0;left: 0;z-index: 2;background: rgba(0,0,0,0.4);}
	.content .shadowBg .shadow_white{width: 95%;height:50%;position: absolute;top:30%;left: 2.5%;z-index: 2;background-size: 100% 100%;background-repeat: no-repeat;}/* display: flex;justify-content: center;flex-wrap: wrap; */
	.content .shadowBg .shadow_white .title{width: 100%;height:50upx !important;color:#DC582A;font-size: 32upx;font-weight: bold;text-align: center;margin-top:20%;}
	.content .shadowBg .shadow_white .priceBox{width: 100%;text-align: center;margin-top:10upx;display: flex;justify-content: center;}
	.content .shadowBg .shadow_white .priceBox .iconPrice{font-size: 36upx;color:#F07938;position: relative;top:25upx;left:-10upx;}
	.content .shadowBg .shadow_white .priceBox .iconNumber{height:80upx;line-height: 80upx;font-size: 86.54upx;color:#F07938;font-weight: bold;}
	.content .shadowBg .shadow_white .name{color:#DC582A;font-weight: bold;font-size: 28upx;}
	.content .shadowBg .shadow_white .names{color:#DC582A;font-size: 20upx;}
	.content .shadowBg .shadow_white .btnShare{background: none;}
	.content .shadowBg .shadow_white .shareName{width: 60%;margin:80upx 0 0 20%;border-radius: 100upx;font-size: 34upx;padding:0upx 20upx;color:rgb(198,110,17);background-image: linear-gradient(rgb(254,238,187), rgb(255,205,114));}
</style>
<script>
	import Share from '@/common/wx_share.js'
	export default {
		data() {
			return {
				share:{
					title:"",
					path:'/pages/tabbar/index',
					imageUrl:'',
					desc:'',
					content:''
				},
				data:{
					intergral:20,
					getIntergral:200,
					getTicketValue:2,
					fullValue:10
				},
				finishBg:"/pages_mine/pages/static/pay_finish/icon_bg1.png",
				showShare:false
				
				
				
				
				
				
				
			}
		},
		onLoad(e){
			this.AjaxLoad(e.num)
		},
		methods: {
			AjaxLoad(e){
				let param={
					token:this._$userToken("userInfo").token,
					order_number:e
				};
				this._$InitRequest.request("order/get_order_status", param).then(res => {
					
					
					
					
				},error=>{})
			},
			AjaxGetTicket(){
				let param={
					token:this._$userToken("userInfo").token,
					order_number:adsadsadsd
				};
				this._$InitRequest.request("order/get_order_coupon", param).then(res => {
					
					
					
					
				},error=>{})
			},
			getThisIngtergral(){},
			ToIndex(){
				uni.switchTab({
					url:"/pages/tabbar/index"
				})
			},
			ToOrder(){
				uni.navigateTo({
					url:"/pages_mine/pages/order/order?index=0"
				})
			},
			
			
		}
	}
</script>
<style lang="scss" scoped>
/deep/ .uni-input-input {font-size:32upx}
/deep/ .uni-radio-input-checked{background-color:rgb(110,43,34) !important;border:2upx solid white !important}
.content .html{
  ::v-deep {
    img {
      width: 100%;
    }
  }
}
</style>